<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formGuia">
                    <p:panel id="pnlGuiaRemision" header="Registrar Compras"
                             style="width:90%;margin: 0px auto;">
                        <p:panelGrid id="pnlPrincipal" style="width:95%;margin: 0px auto">


                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Datos del Generales" toggleable="true"
                                                toggleSpeed="500">
                                        <p:panelGrid style="width:100%;margin: 0px auto;">

                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblTipoDocumento"
                                                                   value="Tipo Documento " />
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu id="cbxTipDocumento"
                                                                     value="#{BKVentaFacturacion.ventaFacturacionFormulario.formaPago.id}"
                                                                     required="true">
                                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                                        <f:selectItems value="#{BKVentaFacturacion.listaTipoFormaPago}"
                                                                       var="tipoFormaPago" itemLabel="#{tipoFormaPago.nombre}"
                                                                       itemValue="#{tipoFormaPago.id}" />
                                                    </p:selectOneMenu>
                                                </p:column>     
                                                <p:column colspan="2">

                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="lblSerieNumero" value="Serie/Numero " />
                                                </p:column>
                                                <p:column>                                                                                             
                                                    <p:inputMask mask="9999-999999" id="txtSerieNumero"
                                                                 required="true" size="14"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.serieFactura}-#{BKVentaFacturacion.ventaFacturacionFormulario.numFactura}" />
                                                </p:column>


                                            </p:row>
                                            <p:row>
                                                <p:column colspan="4">

                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="fechaEmision" value="Fecha Emisión " />
                                                </p:column>
                                                <p:column>
                                                    <p:calendar id="calendarFechaEmision" 
                                                                value="#{BKVentaFacturacion.ventaFacturacionFormulario.fechDocventa}"
                                                                pattern="dd/MM/yyyy" size="13"
                                                                showButtonPanel="true" navigator="true"
                                                                required="true" locale="es"
                                                                mindate="#{BKConstante.today}" />
                                                </p:column>     
                                            </p:row>

                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblRUC" value="NRO RUC " />
                                                </p:column>
                                                <p:column>
                                                    <p:inputText id="txtRuc"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.ruc}" />
                                                </p:column>
                                                <p:column>
                                                    <cote:componenteFindOrden id="findCliente" 
                                                                              lblbtnfind="Buscar Proveedor" 
                                                                              inNroOrden="#{BKGuiaDeRemision.ordenPedidoBusqueda.codigoOrdenPedido}"
                                                                              update=":formGuia:dataTablaArticulos"/>
                                                </p:column>
                                                <p:column>

                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="lblTipoCambio" value="Tipo Cambio " />
                                                </p:column>
                                                <p:column>
                                                    <p:inputText id="txtTipoCambio"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.tipoCambio}" />
                                                </p:column>
                                            </p:row>

                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblRazonSocial"
                                                                   value="Razon Social " />
                                                </p:column>
                                                <p:column colspan="5">
                                                    <p:inputText id="txtRazonSocial"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.razon}" size="120"/>
                                                </p:column>											
                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblDireccion"
                                                                   value="Direccion " />
                                                </p:column>
                                                <p:column colspan="5">
                                                    <p:inputText id="txtDireccion"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.datosDestina}" size="120"/>
                                                </p:column>											
                                            </p:row>

                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblOP" value="Pedido O/C " />
                                                </p:column>
                                                <p:column>
                                                    <p:inputText id="txtOP"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.NOcliente}" />
                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="lblFormaPago"
                                                                   value="Forma Pago " />
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu id="cbxTipFormaPago"
                                                                     value="#{BKVentaFacturacion.ventaFacturacionFormulario.formaPago.id}"
                                                                     required="true">
                                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                                        <f:selectItems value="#{BKVentaFacturacion.listaTipoFormaPago}"
                                                                       var="tipoFormaPago" itemLabel="#{tipoFormaPago.nombre}"
                                                                       itemValue="#{tipoFormaPago.id}" />
                                                    </p:selectOneMenu>
                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="lblTipMoneda"
                                                                   value="Tipo Moneda " />
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu id="cbxTipMoneda"
                                                                     value="#{BKVentaFacturacion.ventaFacturacionFormulario.moneda.id}"
                                                                     required="true">
                                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                                        <f:selectItems value="#{BKVentaFacturacion.listaTipoMoneda}"
                                                                       var="tipoMoneda" itemLabel="#{tipoMoneda.nombre}"
                                                                       itemValue="#{tipoMoneda.id}" />
                                                    </p:selectOneMenu>
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column colspan="6">

                                                    <p:panelGrid style="width:100%;margin: 1px auto;">
                                                        <p:row>
                                                            <p:column colspan="5">
                                                                <p:fieldset legend="Tabla de Productos">

                                                                    <p:dataTable id="dataTablaArticulos" var="det"
                                                                                 value="#{BKGuiaDeRemision.guiaFormulario.detalleGuiaRemisions}"
                                                                                 widgetVar="lista"
                                                                                 emptyMessage="No exsiten productos agregados"
                                                                                 filteredValue="" rowIndexVar="rowIndex" paginator="true"
                                                                                 rows="10"
                                                                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                                                                 {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                                                 rowsPerPageTemplate="5,10,15">

                                                                        <f:facet name="header">
                                                                            <div align="right">       
                                                                                <cote:componenteFindOrden id="findProductos" 
                                                                                                          lblbtnfind="Buscar producto" 
                                                                                                          inNroOrden="#{BKGuiaDeRemision.ordenPedidoBusqueda.codigoOrdenPedido}"
                                                                                                          update=":formGuia:dataTablaArticulos"/>     
                                                                            </div>

                                                                        </f:facet>

                                                                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                                                            <h:outputText value="#{rowIndex+1}" />
                                                                        </p:column>

                                                                        <p:column id="idColumnaDesc" style="width: 25%"
                                                                                  sortBy="#{det.articulo.descripcion}" headerText="Descripcion">
                                                                            <h:outputText value="#{det.articulo.descripcion}" />
                                                                        </p:column>

                                                                        <p:column id="idColumnaCant" style="width: 25%"
                                                                                  sortBy="#{det.cantidad}" headerText="Cantidad">
                                                                            <h:outputText value="#{det.cantidad}" />
                                                                        </p:column>

                                                                        <p:column id="idColumnaUndMed" style="width: 35%"
                                                                                  sortBy="#{det.unidadMedida}" headerText="Und. de Med.">
                                                                            <h:outputText value="#{det.unidadMedida}" />
                                                                        </p:column>

                                                                        <p:column id="idColumnaPesoTotal" style="width: 35%"
                                                                                  sortBy="#{det.peso}" headerText="Peso Total">
                                                                            <h:outputText value="#{det.peso}" />
                                                                        </p:column>


                                                                        <p:column id="idAccionesArticulo" headerText="Acciones"
                                                                                  style="width: 10%">
                                                                            <p:commandButton id="btnEliminarDetGuia" title="Eliminar"
                                                                                             icon="ui-icon-close" oncomplete="confirmacion.show()">

                                                                            </p:commandButton>
                                                                        </p:column>

                                                                    </p:dataTable>
                                                                </p:fieldset>
                                                            </p:column>
                                                        </p:row>
                                                    </p:panelGrid>

                                                </p:column>
                                            </p:row>

                                            <p:row>

                                                <p:column colspan="4">

                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="lblSubtotal" value="SUBTOTAL " />
                                                </p:column>
                                                <p:column>                                                                                             
                                                    <p:inputText id="txtSubtotal"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.valorVenta}" />
                                                </p:column>


                                            </p:row>
                                            <p:row>

                                                <p:column colspan="4">

                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="lblIGV" value="IGV " />
                                                </p:column>
                                                <p:column>                                                                                             
                                                    <p:inputText id="txtIgv"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.igv}" />
                                                </p:column>


                                            </p:row>
                                            <p:row>

                                                <p:column colspan="4">

                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="lblTotal" value="TOTAL " />
                                                </p:column>
                                                <p:column>                                                                                             
                                                    <p:inputText id="txtTotal"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.precioVenta}" />
                                                </p:column>


                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblValorLetras"
                                                                   value="SON: " />
                                                </p:column>
                                                <p:column colspan="5">
                                                    <p:inputText id="txtValorLetras"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaFacturacion.ventaFacturacionFormulario.valorLetras}" size="160"/>
                                                </p:column>											
                                            </p:row>


                                        </p:panelGrid>
                                    </p:fieldset>
                                </p:column>
                            </p:row>


                        </p:panelGrid>

                        <p:panelGrid style="width:40%;margin: 10px auto;">

                            <p:row >
                                <p:column>
                                    <p:column>
                                        <p:commandButton id="btnGuardarFactura"
                                                         action="#{MBVentaFacturacion.guardar()}" ajax="false"
                                                         value="Guardar" />
                                    </p:column>
                                </p:column>

                                <p:column>
                                    <p:commandButton id="btnImprimirFactura"
                                                     action="#{MBVentaFacturacion.actualizar()}" ajax="false"
                                                     value="Imprimir" />
                                </p:column>

                                <p:column>
                                    <p:button
                                        href="/paginas/ventas/facturacion/listarFacturas.anx"
                                        value="Cancelar" />
                                </p:column>
                            </p:row>

                        </p:panelGrid>

                        <h:panelGrid>
                            (*) Campos requeridos
                        </h:panelGrid>

                    </p:panel>

                    <p:blockUI block="pnlGuiaRemision" trigger="btnGuardarFactura">
                        Guardando el Documento de Venta<br />
                        <p:graphicImage value="/images/ajax-loader.gif" />
                    </p:blockUI>

                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>


</html>
